.zfd{display:inline-block}
body{text-align: center}
#touch{background-color:white;width: 100%;height:398px;text-align: center}
#spanone{background-color:white;font-size: 80px;width:100%;height:180px;line-height:472px;font-weight: lighter;display: block}
#spantwo{font-size: 25px;height: 35px;line-height: 250px;}
#dh{background-image: url("../img/0.png");overflow:hidden;border-bottom: solid grey 1px;width:1349px;height: 780px;margin:0 auto;margin-top:-3px;}
#dh p{width: 300px;text-align: center;}
#dhcha{height:170px;overflow: hidden;}
#dhchatop{height: 160px;text-align:center;margin-top: 168px;}
#pone{margin-top:150px;margin-left:520px;font-size: 30px;font-weight: 900;}
#ptwo{margin-top: 10px;line-height: 20px;font-size:15px;z-index: 3;position: relative;margin-left: 38.5%}
#shape1{margin-right: 220px;margin-top: -170px;z-index: 4;position: relative}
#shape2{ margin-right: 420px;margin-top: -93px;}
#shape3{height: 200px;margin-top:-46px;margin-right:-400px;z-index: 2}
#lefthand{width: 800px;margin-left:-400px;margin-top:50px;z-index: 2}
#righthand{width: 800px;height: 850px;overflow: hidden;margin-top:-260px;margin-left: -10px;z-index: 2}
#socre{margin:0 auto;height: 920px;width: 1349px;color: white;background-color: black}
#socrep{width: 100%;height:220px;text-align: center;overflow: hidden}
#socrepbottom{height:220px;margin-top: 220px;}
#creattouchtop{height:230px;margin-top: 230px; }
#p1{padding-top: 130px;font-size: 30px;font-weight: 900;}
#p2{width: 100%;margin-top: 20px;font-size:15px; }
#hand-contro-left,#hand-contro-right{margin-left: 125px;margin-top:100px;width:500px;height:530px;background-image: url("../img/hand-controller.png");background-repeat: no-repeat;;}
#hand-contro-right{margin-left:120px;margin-top:130px;background-image: url("../img/hand-wireframe.png");}
#top,#bottom{width: 1350px;height: 450px;cursor: pointer;background-color: white;margin:0 auto;}
.lableone{position:absolute;float:left;margin-top:-49px;width: 618px;overflow:hidden;height: 30px;display: block;font-size:18px;color: white;text-align: right;}
.labletwo{  margin-left:628px;margin-top:-50px;float: right;width: 23px;height: 23px;position: absolute}
#creattouch{width:100%;height:230px;overflow:hidden;background-color: #16181a;color: white;text-align: center;position: relative}
#creattouch p:first-child{padding-top: 70px;position: relative}
#creattouch p:nth-child(2){margin-top: 20px;}
#video{height: 452px;}
#medium{width: 675px;height: 452px;margin:0 auto;display:inline-block;}
.bottonimg{cursor:pointer;margin-top:-263px;margin-left:316px;width: 70px;height: 70px;overflow: hidden}
.bottonimg:hover{opacity: 0.8}
#robotvideo{cursor:pointer;height: 715px;width:100%;overflow: hidden}
#backgroudimg{position: absolute;padding: 0;width: 1520px;left: -30px}
#robotimg{width:383px;height: 261px ;text-align: center;padding-top: 80px;z-index: 2;left:41%;top:-5%;position: absolute;}
#barvideo{height: 450px;width: 1349px;position:absolute;top:-25%;left:20%;z-index: 3}
#barleft{width: 487px;left:100px;top:398px;height: 450px;position: absolute;transform-origin: bottom;}
#barright{width: 487px;left:780px;top:398px;height: 450px;position: absolute;transform-origin: bottom;}
#touchfuture{background-color:white;height: 605px;text-align: center}
#touchfuture p:first-child{padding-top: 40px;font-weight:900;height: 49px;}
#touchfuture p:nth-child(2){font-size: 20px;height: 23px;margin-top: 15px;}
#hands{padding-top: 39px;}
#handleftimg{margin-left: 50px;}
#handrightimg{margin-left: 230px;}
#touchrequired{height: 95px;background-color: #16181a;font-size:14px;color: #9a9ea1}
#touchrequired p{width: 420px;text-align: center;padding-top: 20px;line-height: 25px;position: absolute;left: 34%}
.title{color: white;float: left;width:250px;height:50px;line-height:50px;border-bottom:solid #4f5051 1px;margin-left: 55px;}
.link{color: #9a9ea1;text-align: left;margin-top: -20px;font-size: 15px;}
.link li{cursor:pointer;text-align: left;margin-left: -39px;line-height: 35px;}
.link li:hover{color:white}
#footerBottom{font-size:13px;background-color:#16181A;height:30px;color:#777879;padding:30px 60px;overflow: hidden}
#footerBottom>ul{list-style:none;float:left;height: 42px;}
#footerBottom ul:first-child{padding-top: 0px;}
#footerBottom .footer-share{float: right;margin-right: 30px}
#footerBottom .footer-share a{color: #777879;}
#footerBottom .footer-share li{display: inline-block;line-height: 30px;margin-left: 20px;}
#toleft1{position: absolute;height: 23px;width: 90px;}
#toleft2{position: absolute;height: 23px;width: 100px;}
#toleft3{position: absolute;text-align:left;height: 23px;width: 60px;}
#toleft4{position: absolute;height: 23px;width: 100px;}
#white{height: 230px;margin-top:230px;width: 100%;background-color: white;}
.clear{float:left;overflow: hidden;width: 675px;height:450px;}
.leftrotate{transform: rotate(30deg);transition: transform 4s;}
#topone,#toptwo,#bottomone,#bottomtwo{margin-top: 80px;opacity: 0;}
#rotate1:hover{transform: rotate(180deg);transition: transform 0.5s;}
#rotate2:hover{transform: rotate(180deg);transition: transform 0.5s;}
#rotate3:hover{transform: rotate(180deg);transition: transform 0.5s;}
#rotate4:hover{transform: rotate(180deg);transition: transform 0.5s;}
#img1:hover{transition: 20s;transform: scale(1.3)}
#img2:hover{transition: 20s;transform: scale(1.3)}
#img3:hover{transition: 20s;transform: scale(1.3)}
#img4:hover{transition: 20s;transform: scale(1.3)}
#robotvideo{position:relative;z-index: -2;top: 0;}
#bg {position:relative;width:1520px;height:inherit;margin:0 auto;overflow:hidden;}
.page-header { color: #000;}
.page-header a{ color: #000;}
#rift{background-color: #fff;}
#rift ul>li:hover{border-bottom: solid #000 1px;}
.page-header ul a:hover:after { background: #434040;}
#buy6{display: block;width: 186px;height: 45px;border-radius: 22px;background: #1574d4;color: #ffffff;text-align: center;line-height: 45px;position: absolute;top:365px;left:46%}
#buy6:hover{background: #148aff}
